#layout_root{


  /*
  首页样式
  */
  /*轮播大图*/
  #indBanner{min-width: 1000px; width:100%; overflow:hidden; height: 435px; margin: 0 auto; text-align: center; position: relative; z-index: 1;}
  #indBanner .bd li{width: 100%; height: 435px; margin: 0 auto; text-align: center;}
  #indBanner .bd li img{display: none;}
  #indBanner .bd li.li01{background:url(../images/swipeBar01.jpg) center top 0 no-repeat;}
  #indBanner .bd li.li02{background:url(../images/swipeBar02.jpg) center top 0 no-repeat;}
  #indBanner .bd li.li03{background:url(../images/swipeBar03.jpg) center top 0 no-repeat;}
  #indBanner .bd li.li04{background:url(../images/swipeBar04.jpg) center top 0 no-repeat;}
  #indBanner .hd{width: 100%; position:absolute; z-index:2; left:0; bottom:30px;  height:15px; margin: 0 auto; text-align: center; overflow: hidden;}
  #indBanner .hd ul{ height: 13px;display: inline-block; text-align: center; margin: 0 auto;}
  #indBanner .hd ul li{ position: relative; display: inline-block; width:13px; height:13px; line-height:13px;  margin:0 6px; text-align:center;cursor:pointer; background-color: white; border-radius: 50%;}
  #indBanner .hd ul li span{display: none;}
  #indBanner .hd ul li.on{background-color: #2387d5;}


  .layoutA{height: 247px; *height: 247px; background-color: #f7f7f7; border-bottom: 1px solid #ececec; margin: 0 auto; text-align: center;}

  .boxA{width: 1000px; margin: -75px auto 0 auto; position: relative; z-index: 2; padding: 10px 3px 0 8px; text-align: left; background: url(../images/apbg.png); height: 237px;}


  /* 校园新闻 */
  .boxJrgz{ width: 646px; float: left;}
  .boxJrgz .toubu{width: 646px; height: 41px; line-height: 41px; border-bottom: 1px solid #f1f1f1;}
  .boxJrgz .lancon{width: 646px; overflow: hidden;}
  .boxJrgz .toubu h3{font-size: 18px; font-weight: bold; color: #333; float: left; border-bottom: 2px solid #004098;}
  .boxJrgz .toubu .more{float: right;}
  .boxJrgz .xyxw{ float:left; margin-top: 5px; width: 318px;}
  .boxJrgz .xyxw .infoList li{}
  .boxJrgz .xyxw .infoList li.t {padding-bottom:10px; margin-bottom: 10px; border-bottom:1px dotted #ccc;  overflow: hidden; height: 130px; }
  .boxJrgz .xyxw .infoList li.t .con{ overflow: hidden; float: left; }
  .boxJrgz .xyxw .infoList li.t .title{ line-height:45px; text-align: center; font-size: 20px; font-weight: bold;}
  .boxJrgz .xyxw .infoList li.t .title a{ color: #333;}
  .boxJrgz .xyxw .infoList li.t .title a:hover{ color: #2386d7;}
  .boxJrgz .xyxw .infoList li.t .tit{ font-size:16px; color:#333;}
  .boxJrgz .xyxw  .infoList li.t .tit:hover {color: #c82126; font-weight: bold;}
  .boxJrgz .xyxw .infoList li.t .intro{ line-height:24px; color:#999; font-size: 12px; text-indent: 2rem;}
  .boxJrgz .xyxw .infoList li.t .intro .more{ color:#c82126; }
  .boxJrgz .xyxw .infoList li.n {height:30px; line-height:30px; overflow:hidden; font-size: 14px;}
  .boxJrgz .xyxw .infoList li.n a{padding-left:12px; background: url(../images/landian.jpg) no-repeat 0 7px; }
  .boxJrgz .xyxw .infoList li.n a:hover { background-position: 0 -24px;}
  .boxJrgz .xyxw .infoList li.n .date{ float:right; color:#999;  }

  /* 通知公告 */
  .boxXwgk{ width: 331px; float:right;}
  .boxXwgk .hd{height: 41px; line-height: 41px; border-bottom: 1px solid #f1f1f1; width: 331px;}
  .boxXwgk .hd h3{font-size: 18px; font-weight: bold; color: #333; float: left; border-bottom: 2px solid #004098;}
  .boxXwgk .hd .more{ float: right;}
  .boxXwgk .bd{padding-right: 20px; overflow: hidden; width: 331px; padding-top: 10px; }
  .boxXwgk .bd .infoList li{ height:30px; line-height:30px; overflow:hidden; font-size:14px;}
  .boxXwgk .bd .infoList li .date{ color: #999; font-size: 12px;}

  /* 焦点图 */
  .focusBox{ width:308px; height: 229px; float: left; overflow:hidden; position:relative; z-index: 1; margin-top: 15px; padding-right: 15px;}
  .focusBox .hd{width: 100%; position:absolute; z-index:1; left: 0; bottom:16px; margin: 0 auto; text-align: center;}
  .focusBox .hd ul{ display: inline-block; width: auto; height: 13px; margin: 0 auto; text-align: right;  float: right; padding-right: 20px; }
  .focusBox .hd ul li{ float:left; margin: 0 3px; display: inline; width:13px; height:13px; line-height:13px; text-align:center; background:#fff; cursor:pointer; border-radius: 50%;    }
  .focusBox .hd ul li span{display: none;}
  .focusBox .hd ul li.on{ background:#2387d5; color: white;  }
  .focusBox .bd{ position:relative; }
  .focusBox .bd .pic{ height:229px;   }
  .focusBox .bd .pic img{ width:309px; height:229px;   }
  .focusBox .bd .con,.focusBox .bd .con .title,.focusBox .bd .con .bg{position: absolute; left: 0; width: 100%; float: left; display: block;}
  .focusBox .bd .con{ bottom: 0; z-index: 1; }
  .focusBox .bd .title{z-index: 2; bottom: 10px; height: 26px; line-height: 26px; text-align: left; padding-left: 20px;}
  .focusBox .bd .title a{color: white; font-size: 14px;}
  .focusBox .bd .title a:hover{color: #ddd;}
  .focusBox .bd .bg{ z-index: 1; bottom: 0;  height: 45px; background-color: #000; opacity: .5; filter: alpha(opacity=50);  }

  /* 用户登录 */
  .boxUser{height: 237px; background-color: #f2f2f2; overflow: hidden;}
  .boxUser .hd{padding: 12px 26px 0; height: 36px; line-height: 36px;}
  .boxUser .hd h3{font-size: 18px; font-weight: bold; color: #5f7894;}
  .boxUser .bd{padding: 0 26px; overflow: hidden;}



  #userSta{overflow:hidden;}
  #userSta .userlogin{overflow: hidden; }
  #userSta .userlogin li{padding:7px 0 0 0; }
  #userSta .userlogin li.save{height: 32px; line-height: 32px;}
  #userSta .userlogin li.save input{margin-right: 5px; vertical-align: middle;}
  #userSta .userlogin li .reg_password{color:gray}

  #userSta .userlogin li .inputtext{width: 142px; padding: 8px 0 4px 42px; height: 20px; line-height: 20px; border: 1px solid #e2e2e2; background: #fff url(../images/userLoginBg.png) 12px 7px no-repeat;}
  #userSta .userlogin li #userpass{background-position: 12px -32px;}

  #userSta .userlogin li .btn{display: block; width: 100%; height: 31px; line-height: 31px; text-align: center; background: none; background-color: #5f7894; color: white; border-radius: 3px;}
  #userSta .userlogin li .btn:active{background-color: #41658e;}

  .loginedInfo{overflow:hidden;margin:5px 0 0 5px; }
  .loginedInfo li{height:23px;line-height:23px;color:#666;  }
  .loginedInfo li strong{color:#f60;font-weight:bold;}
  .loginedInfo li span{color:#333;text-decoration:underline; }
  .loginedInfo .li-tit{overflow:hidden;width:90%; }
  .loginedInfo .li-f{float:left;width:47%;_display:inline;margin-right:5px;   }
  .loginedInfo .li-st{overflow:hidden;width:90%; color:#ccc;text-align:center; }
  .loginedInfo .li-st a{margin:0 10px; }
  #ScoreQ{margin:5px 0 0 10px; }
  #ScoreQ li{padding:3px 0; }
  #ScoreQ #loginButton{}
  #ScoreQ .tips{color:#f90;}



  .indBox{margin: 0 auto; width: 100%;}
  .indBox .wHd{width: 1000px; margin: 0 auto; padding-top: 40px;}
  .indBox .wHd h3{line-height: 30px; font-size: 26px; color: #c75d5c;}
  .indBox .wHd p{line-height: 26px; font-family: Arial; font-size: 12px; color: #c6c6c6;}
  .indBox .wBd{width: 1000px; margin: 0 auto; padding: 40px 0; text-align: left; overflow: hidden;}


  /* 栏目 */
  .lanmubox{ width: 1000px; margin: 20px auto 0 auto; height: 350px;}
  .lanmubox1{ width: 1000px; margin: 20px auto 0 auto; height: 285px;}
  /* 栏目一 */
  .lanmuone{ width: 329px; float: left; height: 331px; border-bottom:1px #e8e8e8 solid; border-left:1px #e8e8e8 solid; border-right:1px #e8e8e8 solid;}
  .lanmuone .hd{ width: 314px; height:45px; line-height: 45px; background: #fafafa; border-top:1px #e8e8e8 solid; border-bottom:1px #e8e8e8 solid; float: left; padding-left: 15px;}
  .lanmuone .hd a.more{ font-size: 12px; float: right; text-decoration: none; padding-right: 10px;}
  .lanmuone .hd h3{ float: left; font-size: 16px; color: #2287d7; background: url(../images/lansub.jpg) left center no-repeat; padding-left: 15px;}
  .lanmuone .hd h3 a{  color: #2287d7;  font-weight: bold;}
  .lanmuone .hd h3 a:hover{ text-decoration: none;}
  .lanmuone .bd{ width: 329px; background: #fff;  float: left;}
  .lanmuone .bd ul{padding-top: 20px; padding-left: 15px;}
  .lanmuone .bd li{float: left; width: 299px; }
  .lanmuone .bd li.t {padding-bottom: 20px; margin-bottom: 10px; border-bottom: 1px #f2f2f2 solid;}
  .lanmuone .bd li.t .pic{float: left; width: 122px;}
  .lanmuone .bd li.t .pic img{ width: 122px; height:91px;}
  .lanmuone .bd li.t .con{ float:left; margin-left: 10px; width: 167px; text-align:left; }
  .lanmuone .bd li.t .title{ line-height: 28px; font-size: 14px; font-weight: bold; color: #333;}
  .lanmuone .bd li.t .intro{ font-size: 12px; line-height: 24px; color: #999;}
  .lanmuone .bd li.n{font:14px/32px "Microsoft YaHei"; text-align: left;  background: url(../images/landian.jpg) left center no-repeat; padding-left: 10px; width: 289px;}
  .lanmuone .bd li.n .title .date{ color: #999; font-size: 12px; float: right;}
  .lanmuone .bd li.n .title .tit{ float: left; }

  /* 栏目二 */
  .lanmutwo{ width: 319px; float: left; float: left; margin: 0 20px 0 20px; display: inline-block;  height: 331px; border-bottom:1px #e8e8e8 solid; border-left:1px #e8e8e8 solid; border-right:1px #e8e8e8 solid;}
  .lanmutwo .hd{ width: 304px; height:45px; line-height: 45px; background: #fafafa; border-top:1px #e8e8e8 solid; border-bottom:1px #e8e8e8 solid; float: left; padding-left: 15px;}
  .lanmutwo .hd a.more{ font-size: 12px; float: right; text-decoration: none; padding-right: 10px;}
  .lanmutwo .hd h3{ float: left; font-size: 16px; color: #2287d7; background: url(../images/lansub.jpg) left center no-repeat; padding-left: 15px;}
  .lanmutwo .hd h3 a{  color: #2287d7;  font-weight: bold;}
  .lanmutwo .hd h3 a:hover{ text-decoration: none;}
  .lanmutwo .bd{ width: 319px; background: #fff;  float: left;}
  .lanmutwo .bd ul{padding-top: 20px; padding-left: 15px;}
  .lanmutwo .bd li{float: left; width: 289px; }
  .lanmutwo .bd li.t {padding-bottom: 20px; margin-bottom: 10px; border-bottom: 1px #f2f2f2 solid;}
  .lanmutwo .bd li.t .pic{float: left; width: 122px;}
  .lanmutwo .bd li.t .pic img{ width: 122px; height:91px;}

  .lanmutwo .bd li.t .con{ float:left; margin-left: 10px; width: 157px; text-align:left; }
  .lanmutwo .bd li.t .title{ line-height: 28px; font-size: 14px; font-weight: bold; color: #333;}
  .lanmutwo .bd li.t .intro{ font-size: 12px; line-height: 24px; color: #999;}
  .lanmutwo .bd li.n{font:14px/32px "Microsoft YaHei"; text-align: left;  background: url(../images/landian.jpg) left center no-repeat; padding-left: 10px; width: 279px;}
  .lanmutwo .bd li.n .title .date{ color: #999; font-size: 12px; float: right;}
  .lanmutwo .bd li.n .title .tit{ float: left; }
  /* 栏目三 */
  .lanmuth{ width: 306px; float: left;  height: 331px; border-bottom:1px #e8e8e8 solid; border-left:1px #e8e8e8 solid; border-right:1px #e8e8e8 solid;}
  .lanmuth .hd{ width: 291px; height:45px; line-height: 45px; background: #fafafa; border-top:1px #e8e8e8 solid; border-bottom:1px #e8e8e8 solid; float: left; padding-left: 15px;}
  .lanmuth .hd a.more{ font-size: 12px; float: right; text-decoration: none; padding-right: 10px;}
  .lanmuth .hd h3{ float: left; font-size: 16px; color: #2287d7; background: url(../images/lansub.jpg) left center no-repeat; padding-left: 15px;}
  .lanmuth .hd h3 a{  color: #2287d7;  font-weight: bold;}
  .lanmuth .hd h3 a:hover{ text-decoration: none;}
  .lanmuth .bd{ width: 306px; background: #fff;  float: left;}
  //.lanmuth .bd ul{padding-top: 30px; padding-left: 15px;}
  .lanmuth .bd ul{padding-top: 10px; padding-left: 15px;}
  .lanmuth .bd li{float: left;}
  .lanmuth .bd li.n{font:14px/32px "Microsoft YaHei"; text-align: left;  background: url(../images/landian.jpg) left center no-repeat; padding-left: 10px; width: 268px;}
  .lanmuth .bd li.n .title .date{ color: #999; font-size: 12px; float: right;}
  .lanmuth .bd li.n .title .tit{ float: left; }

  .lanmuth .bd li.t .pic{ float: left;margin-top: 10px; padding-right: 15px; }
  .lanmuth .bd li .pic img{display: block; width: 135px; height: 187px;}
  .lanmuth .bd li.t .con{ float:left; width: 130px; text-align:left; line-height: 24px; font-size: 14px;}


  /* 领导关怀 */
  #xyfgBox{background: #f7f7f7 url(../images/xyfgBoxBg.png) center top no-repeat; margin: 20px 0 0 0;}
  #xyfgBox .wHd h3{color: #d0152a;}
  #xyfgBox .wBd{width: 880px; padding: 40px 60px; position: relative; z-index: 1;}
  #xyfgBox .wBd .prev,#xyfgBox .wBd .next{position: absolute; z-index: 1; top:135px; display: block; width: 33px; height: 33px; float: left; cursor: pointer; background: #d0152a url(../images/xyfgBoxBtn.png) center top no-repeat;}
  #xyfgBox .wBd .prev{left: 0; }
  #xyfgBox .wBd .next{right: 0; background-position: center -33px;}
  #xyfgBox .wBd .tempWrap{width: 880px !important;}
  #xyfgBox .wBd .picList li{width: 190px; float: left; margin-right: 40px; display: inline;}
  #xyfgBox .wBd .picList li .pic img{width: 190px; height: 202px;}


  /* 校友之家 */
  #xyzjBox{ margin: 20px 0 0 0; background: #f7f7f7 url(../images/xyfgBoxBg.png) center top no-repeat;}
  #xyzjBox .wHd h3{color: #8d8c54;}
  #xyzjBox .wBd{width: 880px; padding: 40px 60px; position: relative; z-index: 1;}
  #xyzjBox .wBd .prev,#xyzjBox .wBd .next{position: absolute; z-index: 1; top:100px; display: block; width: 33px; height: 33px; float: left; cursor: pointer; background: #8d8c54 url(../images/xyfgBoxBtn1.png) center top no-repeat;}
  #xyzjBox .wBd .prev{left: 0; }
  #xyzjBox .wBd .next{right: 0; background-position: center -33px;}
  #xyzjBox .wBd .tempWrap{width: 880px !important;}
  #xyzjBox .wBd .picList li{width: 190px; float: left; margin-right: 40px; display: inline;}
  #xyzjBox .wBd .picList li .pic img{width: 191px; height: 143px;}
  #xyzjBox .wBd .picList li .pic a:hover img{}
  #xyzjBox .wBd .picList li .title{height: 40px; line-height: 40px; overflow: hidden; text-align: center; background: none; padding: 0 0 0 0;}

  /* 通用切换  */
  .indTab .nodeList{overflow: hidden; margin: 0 auto; text-align: center;}
  .indTab .nodeList li{display: inline-block; padding-bottom: 5px;  cursor: pointer;}
  .indTab .nodeList li span{display: inline-block; height: 38px; line-height: 38px; padding: 0 26px; font-size: 16px; color: #666;}
  .indTab .nodeList li.on{ background: url(../images/indTab01.png) center bottom no-repeat;}
  .indTab .nodeList li.on span{color: white; background-color: #0d68b1;}
  .indTab .column{overflow: hidden; margin: 0 auto; text-align: center;}
  .indTab .column .nodeMore{display: inline-block; width: auto; height: 33px; line-height: 33px; margin: 0 auto; text-align: center; padding: 0 46px; margin-top: 34px; font-size: 14px; color: #666; border: 1px solid #c9c9c9;}
  .indTab .column .nodeMore:hover{text-decoration: none; border: 1px solid #0d68b1; color: #0d68b1;}
  .indTab .topicList{overflow: hidden; text-align: left;}
  .indTab .topicList .t{width: 478px; float: left; padding: 0; margin: 44px 0 0; overflow: hidden; border: none;}
  .indTab .topicList .evenT{float: right;}
  .indTab .topicList .t .pic{width: auto; float: left; margin-right: 10px;}
  .indTab .topicList li.t .pic img{width: 145px; height: 110px;}
  .indTab .topicList .t .title{padding-bottom: 30px; position: relative; z-index: 1; height:20px; line-height:20px; overflow:hidden; }
  .indTab .topicList .t .title a{font-size:14px;; color:#333; }
  .indTab .topicList .t .title .date{position: absolute; z-index: 1; left:0; top:20px; line-height: 26px; color: #999;}
  .indTab .topicList .t .intro{padding: 0; height: 60px; line-height:20px; color:#999; overflow: hidden;}
  .indTab .topicList .t .intro .more{display: none; }

  /* 学校简介 */
  #xxjjBox{background: #f7f7f7 url(../images/xyfgBoxBg.png) center top no-repeat; margin: 20px 0 0 0;}
  #xxjjBox .wHd h3{color: #22547d;}
  #xxjjBox .wBd{text-align: center; font-size: 14px; line-height: 30px; color: #999;}
  #xxjjBox .wBd span{ line-height: 35px; }

  #xxjjBox .wBd .nodeList{overflow: hidden; text-align: center; margin: 20px 0;}

  #xxjjBox .wBd .nodeList li{float: left; margin: 0 7px; display: inline;}
  #xxjjBox .wBd .nodeList li a{ float: left; color: #fff; width: 111px; height: 37px; line-height: 37px;  background: url(../images/jianjiebg.jpg) center no-repeat;}
  #xxjjBox .wBd .nodeList li a:hover{font-weight: bold; background: url(../images/jianjiebgh.jpg) center no-repeat; text-decoration: none;}

  #xxjjBox .wBd .pic{ display: none; }




  /* 应用平台 */
  #yyptBox{height: 307px; background: url(../images/yyptBoxBg.png) center top no-repeat;}
  #yyptBox .wHd h3{color: white;}
  #yyptBox .wBd ul.nodeList { padding-left: 70px; }

  #yyptBox .wBd .nodeList{overflow: hidden; text-align: center; margin: 0 12px;}
  #yyptBox .wBd .nodeList li{width: 86px; float: left; margin: 0 18px; display: inline;}
  #yyptBox .wBd .nodeList li a{display: block; position: relative; z-index: 1; width:100%; height: 36px; line-height: 36px; padding-top: 50px; color: white; background: url(../images/yyptBtnBg.png) left top no-repeat;}
  #yyptBox .wBd .nodeList li a .icon{display: block; width: 100%; height: 50px; line-height: 50px; position: absolute; z-index: 1; left: 0; top: 0; background: url(../images/yyptBtnBg.png) -96px top no-repeat;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all  1s;
    -o-transition:all 1s;
    transition:all 1s;
  }
  #yyptBox .wBd .nodeList li a:hover{text-decoration: none; color: #ddd;
  }
  #yyptBox .wBd .nodeList li a:hover .icon{
    -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -ms-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
    transform:rotateY(360deg);
  }
  #yyptBox .wBd .nodeList li.li1 a .icon{background-position: -96px top;}
  #yyptBox .wBd .nodeList li.li2 a .icon{background-position: -218px top;}
  #yyptBox .wBd .nodeList li.li3 a .icon{background-position: -340px top;}
  #yyptBox .wBd .nodeList li.li4 a .icon{background-position: -462px top;}
  #yyptBox .wBd .nodeList li.li5 a .icon{background-position: -586px top;}
  #yyptBox .wBd .nodeList li.li6 a .icon{background-position: -708px top;}
  #yyptBox .wBd .nodeList li.li7 a .icon{background-position: -830px top;}
  #yyptBox .wBd .nodeList li.li8 a .icon{background-position: -952px top;}

  /* 教学科研 */
  #jyfwBox .wHd h3{color: #0d68b1;}
  #jyfwBox .indTab .nodeList li.on{background-image: url(../images/indTab02.png);}
  #jyfwBox .indTab .nodeList li.on span{background-color: #0d68b1;}
  #jyfwBox .indTab .column .nodeMore:hover{border-color: #0d68b1; color: #0d68b1;}



}
